<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="_fragments :: head(~{::title})">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0"><!--移动端的预览-->
    <title>关于本站</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css"><!--CSS-->
    <link rel="stylesheet" href="../static/css/me.css">
</head>
<!--------此页面为声明页面------------>
<body>
<!--导航-->
<nav  th:replace="_fragments::menu(5)" class="ui inverted attached segment  m-padded-tb-mini" ><!--显示最上面黑边框效果-->
    <div class="ui container">
        <div class="ui inverted secondary  stackable menu">
            <h2 class="ui teal  header item">三玖动漫论坛</h2>
            <a href="#" class="m-item item m-mobile-hide"><i class="home icon"></i>首页</a>
            <a href="#" class="m-item item m-mobile-hide"><i class="idea icon"></i>分类</a>
            <a href="#" class="m-item item m-mobile-hide"><i class="tags icon"></i>标签</a>
            <a href="#" class="m-item item m-mobile-hide"><i class="clone icon"></i>总帖子</a>
            <a href="#" class="m-item item m-mobile-hide"><i class="info icon"></i>关于本站 </a>
            <div class="right m-item item m-mobile-hide">
                <div class="ui icon inverted transparent  input">
                    <input type="text" placeholder="搜索你感兴趣的帖子吧">
                    <i class="search icon"></i>
                </div>

            </div>

        </div>
    </div>

    <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
        <i class="sidebar icon"></i>
    </a>
</nav>

<!--中间部分-->
<div class="  m-container m-padded-tb-large " style="opacity: 0.8">
    <div class="container">
        <div class="ui top attached padded segment">
            <div class="ui  grid">

                <div class="eleven wide column">
                    <img src="../static/images/meiqin.jpg" th:src="@{/images/meiqin.jpg}" alt="" class="ui rounded image" height="380" width="600">
                    <h3>君指先跃动の光は，私の一生不変の信仰に，唯私の超电磁炮永生き！</h3>
                </div>

                <div class="five wide column">
                    <h2 align="center">公告</h2>
                    <div class="ui fluid vertical menu">

                        <a href="#" target="_blank" class="item">
                <span >
                <i class="teal circle icon" ></i>关于本站

                </span>
                            <div class="ui orange basic left pointing label m-padded-tb-mini">说明</div>
                         <br>
                  <span>
                      <br>
                      <br>
                      <br>
                      <span>
                        <li>
                          所用技术：本站采用了SpringBoot+SpringSecurity+
                      Mybatis+Mysql+Redis+Thymeleaf+JQuery等实现了动漫论坛设计
                      </li>
                      </span>

                      <br>
                      <br>
                      <br>
                      <br>
                     <li>关于我：一名即将毕业的大四学生，此项目此作为毕设使用，但是也希望结束后为大家提供一个交流动漫的实时平台</li>
                      <br>
                      <br>
                      <br>
                      <br>
                      <li>联系方式:QQ:431305450</li>
                      <li>联系方式:WeChat:ZhiMao_DDBD</li>
                      <br>
                      <br>
                      <br>



                  </span>
                        </a>


                    </div>


                </div>

            </div>
            <br>
            <div class="container">
                <div class="ui top attached padded segment">
                    <div class="ui  grid">
                        <div class="ui  middle aligned  column grid">
                            <div class="column">
                                <h3 class="ui  aligned center teal header">申请管理</h3>
                            </div>
                        </div>

                    </div>
            </div>
        </div>
            <div class="container">
                <div class="ui top attached padded segment">
                    <div class="ui  grid">
                      <span>
                          <h3>申请要求</h3>
                          <li>能够将网站进行维护</li>
                          <li>按照格式留言或者微信、QQ加我再发给我</li>
                          <li>如果有疑问可以留言</li>
                          <li>进行帖子间的维护，管理帖子，对网站的风气进行监督</li>
                          <li>营造文明的交流平台</li>
                           <h3>申请格式</h3>
                          <li>姓名+手机号+个人简述</li>
                          <li>是否为二次元爱好者，可以为此论坛尽到相应的职责嘛。</li>
                          <li>在申请前请先把本站收藏</li>
                      </span>

                    </div>
                </div>
            </div>

    </div>
</div>




</div>

<br>
<br>
<br>
<!--底部-->
<footer th:replace="_fragments::footer" class="ui inverted vertical segment  m-padded-tb-massive">
    <div class="ui center aligned container">
        <div class="ui  inverted divided stackable  grid"><!--分成16分-->
            <div class="three wide column">
                <div class="ui inverted link list">
                    <div class="item">

                        <img src="../static/images/qqqunliao.png" class="ui rounded image" alt="" style="width: 110px">
                    </div>
                </div>
            </div>


            <div class="three wide column">
                <h4 class="ui inverted header">最新帖子</h4>
                <div class="ui inverted link list">
                <a href="#" class="item">新番详情</a>
                <a href="#" class="item">动漫周边</a>
                <a href="#" class="item">我永远爱nekano-miku</a>
                </div>
            </div>


            <div class="three wide column">
                <h4 class="ui inverted header">联系站长</h4>
                <div class="ui inverted link list">
                        <a href="#" class="item">Email:431305450@qq.com</a>
                        <a href="#" class="item">QQ:431305450</a>
                        <a href="#" class="item">Wechat:ZhiMao_DDBD</a>
                </div>
            </div>



            <div class="seven wide column">
                <h4 class="ui inverted header">声明</h4>
                <p class="m-text-thin m-text-spaced m-opacity-mini">这个一个为二次元动漫爱好者提供的一个动漫交流平台，
                    所以用户都可以对帖子进行评论，请大家文明交流。(三玖天下第一)</p>
            </div>

        </div>
        <div class="ui inverted section divider"></div>
        <p  class="m-text-thin m-text-spaced  m-opacity-mini">此论坛目前仅作为毕设使用，制作时间为2021-1-8至2021-?-?</p>
    </div>

</footer>


<!--/*/<th:block th:replace="_fragments::script" >/*/-->
<script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.js"></script><!--JS-->
<!--/*/</th:block>/*/-->
<script>
    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-hide');
    });

    $('#payButton').popup({
        popup :$('.payQ.popup'),
        on:'click',
        position:'bottom center'

    });
</script>
</body>
</html>